<!DOCTYPE HTML>
<html lang="vn">
<head>
<meta charset="UTF-8">
<title> Vi Tính Thành Sơn</title>
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/960.css">
<link rel="stylesheet" href="css/vtts_style.css">
</head>
<body id="index">
<div id="mainwrap" class="container_16 cleafix">
	<div id="hfwrap">
    	<div id="hfwrap2" class="container_16 clearfix">
			<div id="top" ></div> <!--top banner-->
			<header id="main-header">
				<div id="logo" class="grid_5"></div>
				<div id="slash" class="grid_11">
					<div id="ballon" ></div><!--ballon-->
					<div id="ballon1"></div><!--ballon1-->
				</div><!--slash-->
			</header><!--header-->
						
			<div id="main-nav">
				<div id="left"></div><!--left-->
				<div id="mid">
					<nav id="vert-nav">
						<ul><li class="menu-home"><a  href="#"> Trang chủ</a></li><div class="vert-sep"></div>
							<li class="menu-laptop"><a  href="#"> Laptop</a></li><div class="vert-sep"></div>
							<li class="menu-printer"><a  href="#"> Máy in</a></li><div class="vert-sep"></div>
							<li class="menu-device" ><a href="#"> Linh kiện</a></li><div class="vert-sep"></div>
							<li class="menu-computer"><a  href="#"> Máy bộ</a></li><div class="vert-sep"></div>
							<li class="menu-contact"><a  href="#"> Liên hệ</a></li>
						</ul>
							
					</nav><!--vert-nav-->
				</div><!--mid-->
				<div id="right"></div><!--right-->
			</div><!--main-nav-->
			<section id="featured" class="clearfix">
				<img id="image1" src="./images/2-features.png" width="940px" height="290px"/>
			</section><!--featured-->
			<div id="breadcrumbs">breadcrumbs</div><!--breadcrumbs-->
        </div><!--hfwrap2-->
    </div><!--hfwrap-->
	<div id="main-content" class="container_16 cleafix">
		<div id="left-aside">
			<figure id="search" class="grid_4 ">
				<figcaption>Tìm kiếm sản phẩm</figcaption>
				<div id="#" class="grid_4 omega mtop_20 search-infor"> Tên Sản phẩm:  <select id="1" class="search-selectbox"><option>Vui lòng chọn</option></select> </div>
				<div id="#" class="grid_4 omega mtop_20 search-infor"> Loại sản phẩm:  <select id="1" class="search-selectbox"><option>Vui lòng chọn</option></select></div>
				<div id="#" class="grid_4 omega mtop_20 search-infor"> Hãng sản xuất:  <select id="1" class="search-selectbox"><option>Vui lòng chọn</option></select></div>
				<div id="#" class="grid_4 omega mtop_20 search-infor"> Giá từ:  <select id="1" class="search-selectbox"><option>Vui lòng chọn</option></select></div>
				<div id="#" class="grid_4 omega mtop_20 mbottom_20 search-infor"> Đến:  <select id="1" class="search-selectbox"><option>Vui lòng chọn</option></select></div>
				<div id="btn_search" class="catalog-header">Tìm kiếm </div><!--btn_search-->
			</figure>
			<div id="catalog" class="grid_4 ">
				<div id="catalog-header" >Danh mục sản phẩm</div><!--catalog-header-->
				<nav id="catalog-nav">
					 <ul id="nav">
						<li><a href="#"><img src="images/t1.png" /> Home</a></li>
						<li><a href="#" class="sub" tabindex="1"><img src="images/t2.png" />HTML/CSS</a><img src="images/up.gif" alt="" />
							<ul>
								<li><a href="#"><img src="images/empty.gif" />Link 1</a></li>
								<li><a href="#"><img src="images/empty.gif" />Link 2</a></li>
								<li><a href="#"><img src="images/empty.gif" />Link 3</a></li>
								<li><a href="#"><img src="images/empty.gif" />Link 4</a></li>
								<li><a href="#"><img src="images/empty.gif" />Link 5</a></li>
							</ul>
						</li>
						<li><a href="#" class="sub" tabindex="1"><img src="images/t3.png" />jQuery/JS</a><img src="images/up.gif" alt="" />
							<ul>
								<li><a href="#"><img src="images/empty.gif" />Link 6</a></li>
								<li><a href="#"><img src="images/empty.gif" />Link 7</a></li>
								<li><a href="#"><img src="images/empty.gif" />Link 8</a></li>
								<li><a href="#"><img src="images/empty.gif" />Link 9</a></li>
								<li><a href="#"><img src="images/empty.gif" />Link 10</a></li>
							</ul>
						</li>
						<li><a href="#" class="sub" tabindex="1"><img src="images/t3.png" />jQuery/JS</a><img src="images/up.gif" alt="" />
							<ul>
								<li><a href="#"><img src="images/empty.gif" />Link 6</a></li>
								<li><a href="#"><img src="images/empty.gif" />Link 7</a></li>
								<li><a href="#"><img src="images/empty.gif" />Link 8</a></li>
								<li><a href="#"><img src="images/empty.gif" />Link 9</a></li>
								<li><a href="#"><img src="images/empty.gif" />Link 10</a></li>
							</ul>
						</li>
						<li><a href="#" class="sub" tabindex="1"><img src="images/t3.png" />jQuery/JS</a><img src="images/up.gif" alt="" />
							<ul>
								<li><a href="#"><img src="images/empty.gif" />Link 6</a></li>
								<li><a href="#"><img src="images/empty.gif" />Link 7</a></li>
								<li><a href="#"><img src="images/empty.gif" />Link 8</a></li>
								<li><a href="#"><img src="images/empty.gif" />Link 9</a></li>
								<li><a href="#"><img src="images/empty.gif" />Link 10</a></li>
							</ul>
						</li>
						<li><a href="#" class="sub" tabindex="1"><img src="images/t3.png" />jQuery/JS</a><img src="images/up.gif" alt="" />
							<ul>
								<li><a href="#"><img src="images/empty.gif" />Link 6</a></li>
								<li><a href="#"><img src="images/empty.gif" />Link 7</a></li>
								<li><a href="#"><img src="images/empty.gif" />Link 8</a></li>
								<li><a href="#"><img src="images/empty.gif" />Link 9</a></li>
								<li><a href="#"><img src="images/empty.gif" />Link 10</a></li>
							</ul>
						</li>
						<li><a href="#"><img src="images/t2.png" />PHP</a></li>
						<li><a href="#"><img src="images/t2.png" />MySQL</a><img src="images/up.gif" alt="" />
								<ul>
								<li><a href="#"><img src="images/empty.gif" />Link 6</a></li>
								<li><a href="#"><img src="images/empty.gif" />Link 7</a></li>
								<li><a href="#"><img src="images/empty.gif" />Link 8</a></li>
								<li><a href="#"><img src="images/empty.gif" />Link 9</a></li>
								<li><a href="#"><img src="images/empty.gif" />Link 10</a></li>
							</ul>
						</li>
						<li><a href="#"><img src="images/t2.png" />XSLT</a></li>						<li><a href="#"><img src="images/t2.png" />PHP</a></li>
						<li><a href="#"><img src="images/t2.png" />MySQL</a></li>
						<li><a href="#"><img src="images/t2.png" />MySQL</a></li>
						<li><a href="#"><img src="images/t2.png" />MySQL</a></li>
						<li><a href="#"><img src="images/t2.png" />MySQL</a></li>
						<li><a href="#"><img src="images/t2.png" />MySQL</a></li>
						<li><a href="#"><img src="images/t2.png" />MySQL</a></li>
						<li><a href="#"><img src="images/t2.png" />MySQL</a></li>
						<li><a href="#"><img src="images/t2.png" />MySQL</a></li>
						<li><a href="#"><img src="images/t2.png" />MySQL</a></li>
						<li><a href="#"><img src="images/t2.png" />MySQL</a></li>
						<li><a href="#"><img src="images/t2.png" />MySQL</a></li>
						<li><a href="#"><img src="images/t2.png" />MySQL</a></li>
						<li><a href="#"><img src="images/t2.png" />MySQL</a></li>
						<li><a href="#"><img src="images/t2.png" />MySQL</a></li>
						<li><a href="#"><img src="images/t2.png" />MySQL</a></li>

					</ul>
				</nav><!--catalog-nav-->
			</div>
		</div><!--left-aside-->
		<div id="content">
			<div id="rnav" class="grid_12">
				<nav  id="nav-menu" >
					<ul><li id="best-sale"><a class="button" href="#"> Bán chạy nhất</a></li>
						<li id="sale-off"><a class="button" href="#"> Khuyến mại</a></li>
						<li id="newest"><a class="button" href="#"> Mới về</a></li>
					</ul>
				</nav><!--nav-menu-->
			</div><!--rnav-->
			<div id="product-info" class="grid_8 push_2">Tổng số:</div><!--product-info-->
			<div id="vertboder" class="grid_12 product-list-vsep"></div>
			
			<div class="product-list">
				<div class="product grid_3">
					 <figure>
						<div class="product-image">
							<img src="./images/4-product.png" alt="phone number two"/>
							<div class="more-info"><span>Gia: 1.000</span><span>($)</span></div>
						</div><!--product-image-->
						<figcaption>
							<p class="mtop_10 text-center"><a class="product-name" href="#">ASUS 1210mtd</a></p>
						</figcaption>
					</figure>  
				</div><!--product grid_3-->
				<div class="product grid_3">
					 <figure>
						<div class="product-image">
							<img src="./images/4-product.png" alt="phone number two"/>
							<div class="more-info"><span>Gia: 1.000</span><span>($)</span></div>
						</div><!--product-image-->
						<figcaption>
							<p class="mtop_10 text-center"><a href="#">ASUS 1210mtd</a></p>
						</figcaption>
					</figure>  
				</div><!--product grid_3-->
				<div class="product grid_3">
					 <figure>
						<div class="product-image">
							<img src="./images/4-product.png" alt="phone number two"/>
							<div class="more-info"><span>Gia: 1.000</span><span>($)</span></div>
						</div><!--product-image-->
						<figcaption>
							<p class="mtop_10 text-center"><a href="#">ASUS 1210mtd</a></p>
						</figcaption>
					</figure>  
				</div><!--product grid_3-->
				<div class="product grid_3">
					 <figure>
						<div class="product-image">
							<img src="./images/4-product.png" alt="phone number two"/>
							<div class="more-info"><span>Gia: 1.000</span><span>($)</span></div>
						</div><!--product-image-->
						<figcaption>
							<p class="mtop_10 text-center"><a href="#">ASUS 1210mtd</a></p>
						</figcaption>
					</figure>  
				</div><!--product grid_3-->
			</div><!--product-list-->
			<div class="grid_12 mtop_10 mbottom_10 product-list-vsep "></div><!--product-list-vsep-->
			<div class="product-list">
				<div class="product grid_3">
					 <figure>
						<div class="product-image">
							<img src="./images/4-product.png" alt="phone number two"/>
							<div class="more-info"><span>Gia: 1.000</span><span>($)</span></div>
						</div><!--product-image-->
						<figcaption>
							<p class="mtop_10 text-center"><a href="#">ASUS 1210mtd</a></p>
						</figcaption>
					</figure>  
				</div><!--product grid_3-->
				<div class="product grid_3">
					 <figure>
						<div class="product-image">
							<img src="./images/4-product.png" alt="phone number two"/>
							<div class="more-info"><span>Gia: 1.000</span><span>($)</span></div>
						</div><!--product-image-->
						<figcaption>
							<p class="mtop_10 text-center"><a href="#">ASUS 1210mtd</a></p>
						</figcaption>
					</figure>  
				</div><!--product grid_3-->
				<div class="product grid_3">
					 <figure>
						<div class="product-image">
							<img src="./images/4-product.png" alt="phone number two"/>
							<div class="more-info"><span>Gia: 1.000</span><span>($)</span></div>
						</div><!--product-image-->
						<figcaption>
							<p class="mtop_10 text-center"><a href="#">ASUS 1210mtd</a></p>
						</figcaption>
					</figure>  
				</div><!--product grid_3-->
				<div class="product grid_3">
					 <figure>
						<div class="product-image">
							<img src="./images/4-product.png" alt="phone number two"/>
							<div class="more-info"><span>Gia: 1.000</span><span>($)</span></div>
						</div><!--product-image-->
						<figcaption>
							<p class="mtop_10 text-center"><a href="#">ASUS 1210mtd</a></p>
						</figcaption>
					</figure>  
				</div><!--product grid_3-->
			</div><!--product-list-->
			<div class="grid_12 mtop_10 mbottom_10 product-list-vsep "></div><!--product-list-vsep-->
			<div class="product-list">
				<div class="product grid_3">
					 <figure>
						<div class="product-image">
							<img src="./images/4-product.png" alt="phone number two"/>
							<div class="more-info"><span>Gia: 1.000</span><span>($)</span></div>
						</div><!--product-image-->
						<figcaption>
							<p class="mtop_10 text-center"><a href="#">ASUS 1210mtd</a></p>
						</figcaption>
					</figure>  
				</div><!--product grid_3-->
				<div class="product grid_3">
					 <figure>
						<div class="product-image">
							<img src="./images/4-product.png" alt="phone number two"/>
							<div class="more-info"><span>Gia: 1.000</span><span>($)</span></div>
						</div><!--product-image-->
						<figcaption>
							<p class="mtop_10 text-center"><a href="#">ASUS 1210mtd</a></p>
						</figcaption>
					</figure>  
				</div><!--product grid_3-->
				<div class="product grid_3">
					 <figure>
						<div class="product-image">
							<img src="./images/4-product.png" alt="phone number two"/>
							<div class="more-info"><span>Gia: 1.000</span><span>($)</span></div>
						</div><!--product-image-->
						<figcaption>
							<p class="mtop_10 text-center"><a href="#">ASUS 1210mtd</a></p>
						</figcaption>
					</figure>  
				</div><!--product grid_3-->
				<div class="product grid_3">
					 <figure>
						<div class="product-image">
							<img src="./images/4-product.png" alt="phone number two"/>
							<div class="more-info"><span>Gia: 1.000</span><span>($)</span></div>
						</div><!--product-image-->
						<figcaption>
							<p class="mtop_10 text-center"><a href="#">ASUS 1210mtd</a></p>
						</figcaption>
					</figure>  
				</div><!--product grid_3-->
			</div><!--product-list-->
			<nav class="grid_12 content-footer">
				<ul id="nav2">
					<li><a href="#"> << </a></li>
					<li><a href="#"> 1 </a></li>
					<li><a href="#"> 2 </a></li>
					<li><a href="#"> 3 </a></li>
					<li><a href="#"> 4 </a></li>
					<li><a href="#"> 5 </a></li>
					<li><a href="#"> >> </a></li>
				</ul>
			</nav>
		</div><!--content-->
	</div><!--main-content-->
	
	<footer id="main-footer" class="container_16">
		<section id="footer1" class="grid_5 push_1 alpha omega">
			<p><span>Chúng tôi cam kết </span></p>
			<ol><li> Bán hàng:</li>
				<li> - Đúng giá </li>
				<li> - Đảm bảo chất lượng </li>
				<li> Bảo hành </li>
				<li> - Theo quy định của nhà sản xuất</li>
			</ol>
		</section>
		<div class="footer-vsep push_1"></div><!--footer-vsep-->
		<section id="footer2" class="grid_5 push_1 alpha omega">
			<p><span>Chuyên <span> cung cấp</p>
			<p> - Laptop</p>
			<p> - Máy bộ</p>
			<p> - Máy in & giấy in các loại</p>
		</section><!--footer2-->
		<div class="footer-vsep push_1"></div><!--footer-vsep-->
		<section id="footer3" class="grid_5 push_1 alpha">
			<p><span>Liên hệ<span></p>
			<p> - email: ntson_computer@yahoo.com</p>
			<p> - yahoo: ntson_computer</p>
			<p> - Phone: 0999999999</p>
		</section><!--footer3-->
	</footer><!--main-footer-->
</div><!--mainwrap-->
</body>
</html>